<template>
  <el-dialog title="签到日历" :visible.sync="visible" @close="closeDialog">
<!--    <div class="btn-con">-->
<!--      <el-button type="primary">签到</el-button>-->
<!--    </div>-->

<!--    <el-calendar>-->
<!--      <template-->
<!--          slot="dateCell"-->
<!--          slot-scope="{date, data}">-->
<!--        <p :class="data.isSelected ? 'is-selected' : ''">-->
<!--&lt;!&ndash;          data: { "isSelected": false, "type": "下个月", "day": "2024-04-07" }&ndash;&gt;-->
<!--          {{ data.day.split('-').slice(1).join('-') }} {{ data.isSelected ? '✔️' : ''}}-->
<!--        </p>-->
<!--      </template>-->
<!--    </el-calendar>-->
      <PunchCalendar/>
  </el-dialog>
</template>

<script>
import PunchCalendar from '@/components/PunchCalendar'
export default {
  name: "DateDialog",
  components: {PunchCalendar},
  props: {
    visible: {
      required: true,
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      signData: '1000000000000000000000000000000',
      flag: true
    }
  },
  methods: {
    closeDialog() {
      this.$emit('close')
    }
  }
}
</script>

<style scoped>
.is-selected {
  color: #1989FA;
}

.btn-con {
  display: flex;
  justify-content: flex-end;
  margin: 0 20px;
}
</style>